// Vuetify
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import { zhHans } from 'vuetify/locale'

// 自定义绿色清新主题配置
const healthTheme = {
  dark: false,
  colors: {
    primary: '#16a34a', // 主绿色
    'primary-darken-1': '#15803d',
    secondary: '#4ade80', // 辅助绿色
    'secondary-darken-1': '#22c55e',
    accent: '#16a34a',
    error: '#ef4444',
    info: '#3b82f6',
    success: '#10b981',
    warning: '#f59e0b',
    'green-light': '#dcfce7',
    'green-lighten-5': '#f0fdf4',
    'green-lighten-4': '#dcfce7',
    'green-lighten-3': '#bbf7d0',
    'green-lighten-2': '#86efac',
    'green-lighten-1': '#4ade80',
    'green-darken-1': '#15803d',
    'green-darken-2': '#166534',
    'green-darken-3': '#14532d',
    'green-darken-4': '#052e16',
  },
}

const vuetify = createVuetify({
  components,
  directives,
  locale: {
    locale: 'zhHans',
    messages: { zhHans }
  },
  icons: {
    defaultSet: 'mdi',
  },
  theme: {
    defaultTheme: 'healthTheme',
    themes: {
      healthTheme,
    },
  },
})

export default vuetify 